.user {
	.user-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50vw;
		padding: 30rpx;
		z-index: 9;
		border-radius: 0 0 20% 20%;
		// background: url('https://handsel.oss-cn-shenzhen.aliyuncs.com/1588938371592.jpg') no-repeat;
		background-color: #9FC6FF;
		background-size: cover;
		.setting {
			// color: #fff;
			position: absolute;
			top: 60rpx;
			left: 60rpx;
			// font-size: 50rpx;
		}
		.info {
			position: absolute;
			text-align: center;
			.avatar {
				width: 150rpx;
				height: 150rpx;
				border-radius: 50%;
			}
			.nickname {
				color: #fff;
				font-size: 28rpx;
			}
		}
	}
	.order-status {
		padding: 0 20rpx;
		margin-top: -10vw;
		.status-wrap {
			border-radius: 25rpx;
			overflow: hidden;
			.status-list {
				display: flex;
				justify-content: space-evenly;
				align-items: center;
				background: #fff;
				padding-top: 30rpx;
				padding-bottom: 30rpx;
				.status-item {
					flex: 1;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					.item-icon {
						line-height: 1;
						font-size: 65rpx;
						color: #bbb;
					}
					.item-text {
						font-size: 28rpx;
						color: #666;
						margin-top: 5rpx;
					}
				}
			}
		}
	}
	.com-item {
		padding-left: 20rpx;
		padding-right: 20rpx;
		margin-top: 20rpx;
		.com-wrap {
			border-radius: 25rpx;
			overflow: hidden;
		}
	}
	.cell {
		height: 80rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #fff;
		border-bottom: 1px solid #f8f8f8;
		&:active {
			background: #f2f2f2;
		}
		&:last-child {
			border-bottom: none !important;
		}
		.cell-left {
			display: flex;
			align-items: center;
			.cell-icon {
				width: 50rpx;
				height: 50rpx;
			}
			.cell-text {
				color: #666;
				font-size: 28rpx;
				margin-left: 20rpx;
			}
		}
		.iconfont {
			font-size: 40rpx;
			color: #999;
		}
	}
}
.gonggao{
	padding: 10rpx 30rpx;
}
.body_gong {
	
	box-sizing: border-box;
	border-radius: 10rpx;
	/*避免在元素内部插入分页符*/
	box-sizing: border-box;
	margin: 20rpx;
	background-color: #fff;
	box-shadow: 0px 0px 28rpx 1rpx rgba(78, 101, 153, 0.14);
	padding: 20rpx;
}
.title{
	color: #747474;
	font-size: 30rpx;
}
.body_gong_content{
	height:120rpx;
	overflow:hidden;
	margin-bottom: 30rpx;
}
.title_jz{
	text-align: center;
	color: #333;
}
.bankuai{
	margin-top: 20rpx;
	background-color: #fff;
	padding: 20rpx;
}
.biaoti{
	color: #444;
	font-weight: 600;
	vertical-align:middle;
}
// .demo-layout-a{
// 	background-color: #f9be9b73;
// 	border-radius: 10rpx;
// 	height: 150rpx;
// }
.demo-layout-a image{
	width: 100%;
	border-radius: 10rpx;
}
.xiabiao{
	margin-top: 20rpx
}
.scroll-list {
	@include flex(column);

	&__goods-item {
		margin-right: 40rpx;

		&__image {
			width: 280rpx;
			height: 400rpx;
			border-radius: 8rpx;
		}

		&__text {
			color: #444;
			text-align: center;
			font-size:30rpx;
			margin-top: 15rpx;
		}
	}

	&__show-more {
		background-color: #fff0f0;
		border-radius: 6rpx;
		padding: 6rpx 12rpx;
		@include flex(column);
		align-items: center;

		&__text {
			font-size: 24rpx;
			width: 24rpx;
			color: #f56c6c;
			line-height: 16px;
		}
	}

	
}

.jiazu{
	font-weight: 600;
}
.grid-text{
	font-size: 26rpx;
	color: #626262;
}
.fu_title{
	color: #747474;
	font-size: 28rpx;
}
.miaoshi{
	padding: 10rpx;
	background-color: #edfafbbf;
	font-size: 28rpx;
	// line-height: 30rpx;
	color: #333;
	border-radius: 10rpx;
	margin-bottom: 20rpx;
	
}
.album {
	@include flex;
	align-items: flex-start;

	&__avatar {
		 background-color: $u-bg-color;
		 padding: 5px;
		 border-radius: 3px;
	 }

	&__content {
		 margin-bottom: 20rpx;
		 flex: 1;
	 }
}
.zhaungtai{
	padding: 10rpx 20rpx;
	font-size: 24rpx;
	float: right;
	color: #fff;
	border-radius: 25rpx;
}
.color1{
	background-color: #f56c6c;
}
.color2{
	background-color: #00aaff;
}
.color3{
	background-color: #39abab;
}
.color4{
	background-color: #55aaff;
}
.color5{
	background-color: #a5a5f8;
}

.dianping{
	position: fixed;
	bottom: 10vh;
	right: 20rpx;
	width: 40rpx;
	padding: 20rpx ;
	font-size: 32rpx;
	text-align: center;
	line-height: 50rpx;
	background-color: cornflowerblue;
	color: #fff;
	border-radius: 20rpx;
}
.pingfen {
	padding: 40rpx;
}
.hend{
	background-color: #fff;
	padding: 10rpx 0;
}
.anniubankuai{
	margin: 20rpx 80rpx;
	background-color: #fff;
	padding: 20rpx ;
	border-radius: 40rpx;
	
}
.title_hend{
	text-align: center;
	color: #626262;
	font-size: 30rpx;
	letter-spacing: 2rpx;
}
.title_hend_x{
	text-align: center;
	color: #55aaff;
	font-size: 32rpx;
	font-weight: 700;
	letter-spacing: 2rpx;
	
}
.body_gong_y {
	
	box-sizing: border-box;
	border-radius: 20rpx;
	/*避免在元素内部插入分页符*/
	box-sizing: border-box;
	margin: 20rpx 40rpx;
	background-color: #fff;
	
	// box-shadow: 0px 0px 28rpx 1rpx rgba(78, 101, 153, 0.14);
	padding: 20rpx 0;
}
.body_gong_y .title {
	padding: 10rpx 20rpx 0rpx 20rpx;
}
.body_gong_y text {
	float: right;
	color: #00aaff;
}

.biankuang{
	// box-shadow: 6rpx 6rpx 8rpx  #cbcbcb;
	border: 1rpx solid #e6e6e6 !important;
	margin: 20rpx;
}
.huodongimage{
	width: 100%;
}
.huodongtitle{
	line-height: 50rpx;
	color: #505050;
	font-size: 24rpx;
	padding-left: 20rpx;
	letter-spacing:2rpx;
}
.huodong_body{
	margin: 20rpx;
	background-color: #fff;
	padding: 20rpx ;
	border-radius: 40rpx;
	
}
.huodongtitle text{
	color: #55aaff !important;
	font-size: 30rpx !important;
	font-weight: 600;
}
.hd_title{
	color: #222;
	font-weight: 600;
	font-size: 30rpx;
	text-align: center;
	padding: 20rpx;
}
.hd_body{
	padding: 20rpx;
}
.hd_body image{
	width: 100%;
	border-radius: 5rpx;
}
.hd_time{
	background-color: #99ceffd9;
	border-radius: 10rpx;
	margin: 0 20rpx;
	padding: 20rpx;
	text-align: center;
}
.hd_nei{
	padding:0 20rpx;
}
.daojishi{
	color: #fff;
	font-size: 45rpx;
	font-weight: 600;
	line-height: 80rpx;
}
.u-count-down__text {
    color: #fff !important;
    font-size: 34rpx;
    line-height: 44rpx;
}

.Index {
	width: 100%;
	height: 100%;
}
.pubuBox {
		padding: 22rpx;
	}
	.pubuItem {
		column-count: 2;
		column-gap: 20rpx;
	}
	.item-masonry {
		box-sizing: border-box;
		border-radius: 15rpx;
		overflow: hidden;
		background-color: #fff;
		break-inside: avoid;
		/*避免在元素内部插入分页符*/
		box-sizing: border-box;
		margin-bottom: 20rpx;
		// box-shadow: 0px 0px 28rpx 1rpx rgba(78, 101, 153, 0.14);
	}
	
	.item-masonry image {
		width: 100%;
	}
.listtitle {
		// padding-left: 22rpx;
		font-size: 24rpx;
		padding-bottom: 22rpx;

		.listtitle1 {
			font-size: 30rpx;
			color: #4f5255;
			line-height: 50rpx;
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
			min-height: 39rpx;
			max-height: 78rpx;
		}

		.listtitle2 {
			color: #ff0000;
			font-size: 32rpx;
			line-height: 32rpx;
			font-weight: bold;
			padding-top: 10rpx;
			padding-bottom: 10rpx;

			.listtitle2son {
				font-size: 32rpx;
			}
		}
		.listtitle4 {
			color: #53C21D;
			font-size: 32rpx;
			line-height: 32rpx;
			font-weight: bold;
			padding-top: 10rpx;
			padding-bottom: 10rpx;
		
			.listtitle2son {
				font-size: 32rpx;
			}
		}

		.listtitle3 {
			font-size: 28rpx;
			color: #909399;
			line-height: 32rpx;
			padding-top: 10rpx;
		}
	}